<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>
			Products Form
		</title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	
	<body>
		
		<nav>
			<a href="">Apple</a>
			<a href="">Toshiba</a>
			<a href="">Lenovo</a>
			<a href="">Dell</a>
			<a href="">Asus</a>
			<a href="">Hacer</a>
			<a href="">HP</a>
		</nav>
		<hr/>
		
		<form method="get">
		<fieldset class="main">
			<!--Main table-->
			<table>
				<tr>
					<td>
						<!--Child table 1-->
						<table>
							<tr>
								<td>
									<fieldset>
										<legend>Apple MacBook Air </legend>
										<!--Nested table 1-->
										<table>
											<tr>
												<td>
													<img src="macbook-air.jpg" width=100 height=75 alt="MacBook Air" /> 
												</td>
												<td>	
													64 GB SSD <br/> 2GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1300 USD   
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>
										</table>
										<!--End-->
									</fieldset>	
								</td>
								<td>
									<fieldset>
										<legend>Apple MacBook Air </legend>
										<!--Nested table 2-->
										<table>
											<tr>
												<td>
													<img src="macbook-air.jpg" width=100 height=75 alt="MacBook Air" /> 
												</td>
												<td>	
													64 GB SSD <br/> 2GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1300 USD   
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>
										</table>
										<!--End-->
									</fieldset>
								</td>				
							</tr>			
							<tr>
								<td>
									<fieldset>
										<legend>Apple MacBook Air </legend>
										<!--Nested table 3-->
										<table>
											<tr>
												<td>
													<img src="macbook-air.jpg" width=100 height=75 alt="MacBook Air" /> 
												</td>
												<td>	
													64 GB SSD <br/> 2GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1300 USD   
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>
										</table>
										<!--End-->
									</fieldset>	
								</td>
								<td>
									<fieldset>
										<legend>Apple MacBook Air </legend>
										<!--Nested table 4-->
										<table>
											<tr>
												<td>
													<img src="macbook-air.jpg" width=100 height=75 alt="MacBook Air" /> 
												</td>
												<td>	
													64 GB SSD <br/> 2GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1300 USD   
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>
										</table>
										<!--End-->
									</fieldset>
								</td>				
							</tr>
										<tr>
								<td>
									<fieldset>
										<legend>Apple MacBook Air </legend>
										<!--Nested table 5-->
										<table>
											<tr>
												<td>
													<img src="macbook-air.jpg" width=100 height=75 alt="MacBook Air" /> 
												</td>
												<td>	
													64 GB SSD <br/> 2GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1300 USD   
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>
										</table>
										<!--End-->
									</fieldset>	
								</td>
								<td>
									<fieldset>
										<legend>Apple MacBook Air </legend>
										<!--Nested table 6-->
										<table>
											<tr>
												<td>
													<img src="macbook-air.jpg" width=100 height=75 alt="MacBook Air" /> 
												</td>
												<td>	
													64 GB SSD <br/> 2GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1300 USD   
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>
										</table>
										<!--End-->
									</fieldset>
								</td>				
							</tr>
						</table>
						<!--End of child table -->
					</td>
					<td>
						<!--Child table 2-->
						<table class="child">
							<tr>
								<td>
									Min Price: 500 USD
								</td>
							</tr>
							<tr>
								<td>
									<input type="range" min=0 max=100 />
								</td>
							</tr>
							<tr>
								<td>
									Min Price: 1500 USD
								</td>
							</tr>
							<tr>
								<td>
									<input type="range" min=0 max=100 />
								</td>
							</tr>
							<tr>
								<td>
									Min RAM: 4 GB 
								</td>
							</tr>
							<tr>
								<td>
									<input type="range" min=0 max=100 />
								</td>
							</tr>
							<tr>
								<td>
									Max RAM: 16 GB 
								</td>
							</tr>
							<tr>
								<td>
									<input type="range" min=0 max=100 />
								</td>
							</tr>
						</table>
						<!--End of child table-->
					</td>
				</tr>
			</table>
			<!--End of main table-->
		</fieldset> 
		</form>
	</body>
</html>